<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>1-1翻翻乐1</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <link href="__PUBLIC__/Game/css/animate.css" rel="stylesheet" type="text/css">
    <link href="__PUBLIC__/Game/css/common.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Game/css/stms.css"/>
    <script language="javascript" type="text/javascript" src="__PUBLIC__/Game/js/jquery.1.7.2.min.js"></script>
    <script language="javascript" type="text/javascript" src="__PUBLIC__/Game/js/stms_game.js?version=1.3"></script>
    <script src="__PUBLIC__/Game/js/jquery.fly.min.js"></script>
    <!--[if lte IE 9]>
    <script src="__PUBLIC__/Game/js/requestAnimationFrame.js"></script>
    <![endif]-->
</head>
<body>

<div class="main">



    <div class="right_box stms_right">

        <!--游戏规则提示 (点击游戏规则游戏开始)-->
        <div class="game_rule" id="btn_star">
            <div class="in">
                <span class="ok"></span>
                <p class="content" >画面中有笑脸翻出，请找出翻转出的笑脸</p>
            </div>
        </div>


        <!--增加个数提示 -->
        <div class="pop_prompt number_add">
            <div class="in">
                <span class="pro_ok pro_ok_1"></span>
                <p class="content"><strong class="font">恭喜</strong>连对三题，晋级</p>
            </div>
        </div>

        <!--减少个数提示 -->
        <div class="pop_prompt number_sub">
            <div class="in">
                <span class="pro_ok pro_ok_1"></span>
                <p class="content"><strong class="font">很遗憾</strong>连错三题哦~</p>
            </div>
        </div>
        <!--底部有五个金币提示 -->
        <div class="pop_prompt five_gold" >
            <span class="pro_ok pro_ok_2"></span>
            <p class="content"><strong class="font">恭喜</strong>获得了一箱宝藏哟~</p>
        </div>



        <!--最终完成提示 -->
        <div class="pop_prompt finish_pop">
            <div class="in">
                <span class="pro_ok pro_ok_3"></span>
                <p class="content finish_con"></p>
            </div>
        </div>

        <div class="big_gold"><img src="__PUBLIC__/Game/images/stms/big_gold.png"></div>


        <div class="userinfo">
            <p class="username"><span class="text">学生</span></p>
            <p class="getgold"><span class="text">0</span></p>
            <p class="energy" style="display:none">
                    	<span class="text">
                    		<em class="nlt" style="width:60%;"></em>
                        </span></p>
            <p class="shop"><span class="text"><a href="#">进入商店</a></span></p>
            <!-- <p class="shop"><span class="text"><a href="store.html">进入商店</a></span></p> -->
            <p class="exit"><span class="text"><a href="index.html">退出</a></span></p>
        </div>

        <!--关卡数 -->
        <div class="game_level" style="top:380px;">
            关卡：<span class="game_level_curr"></span>/<span class="game_level_all"></span>
        </div>

        <ul class="left_box stms_left">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>





        <!-- 主体 star -->
        <div class="con_wrap con_wrap_2 wrap_prepare">


            <div class="game_area">
                <div class="game_item_wrap"></div>
            </div>


            <!--提示说明 -->
            <div class="game_tips">找出刚刚出现的 <strong class="num_total"></strong>个笑脸</div>

            <!--底部金币 -->
            <ul class="fot_gold" id="score"></ul>




        </div>
        <!-- 主体 end -->

    </div>


</div>


<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    /*
     * 注意：
     * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
     * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
     * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
     * 邮箱地址：weixin-open@qq.com
     * 邮件主题：【微信JS-SDK反馈】具体问题
     * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
     */
    wx.config({
        debug: true,
        appId: "{$sign['appId']}",
        timestamp: "{$sign['timestamp']}",
        nonceStr: '{$sign["nonceStr"]}',
        signature: "{$sign['signature']}",
        jsApiList: [
        'onMenuShareTimeline',
        'onMenuShareAppMessage'
        // 所有要调用的 API 都要加到这个列表中
    ]
    });
    $(function(){
        wx.ready(function () {
            wx.onMenuShareTimeline({

                title: '分享标题', // 分享标题

                link: 'http://wxgame.lazycao.top/index.php/Home/Wx/index/', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

                imgUrl: 'http://wxgame.lazycao.top/Public/Game/images/op.png', // 分享图标

                success: function () {
                    alert('用户确认分享后执行的回调函数');
                    // 用户确认分享后执行的回调函数

                },

                cancel: function () {
                    alert('用户取消分享后执行的回调函数');
                    // 用户取消分享后执行的回调函数

                }

            });
            wx.onMenuShareAppMessage({
                title: '分享标题',
                desc: '分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述分享描述',
                link: 'http://wxgame.lazycao.top/index.php/Home/Wx/index/',
                imgUrl: 'http://wxgame.lazycao.top/Public/Game/images/op.png',
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                trigger: function (res) {

                    alert('trigger');
                },
                success: function (res) {
                    alert('success');
                },
                cancel: function (res) {
                    alert('cancel');
                },
                fail: function (res) {
                    alert(JSON.stringify(res));
                }
            });
        });
        wx.error(function (res) {
            alert(res.errMsg);
        });
    })

</script>

</body>
</html>